<template>
  <view>
      <!--日期picker-->
    <u-input  type="select" :select-open="pickerShow" v-model="newsInfo" placeholder="请选择信息" @click="chooseDate"></u-input>
	
    <u-select v-model="pickerShow" mode="mutil-column-auto"  :list='list'  @confirm="confirm"></u-select>
  
  </view>

</template>


<script>
export default {
    data () {
        return {
            pickerShow: false,
            newsInfo: '',
           list: [
					{
						value: 1,
						label: '中国',
						children: [
							{
								value: 2,
								label: '广东',
								children: [
									{
										value: 3,
										label: '深圳'
									},
									{
										value: 4,
										label: '广州'
									}
								]
							},
							{
								value: 5,
								label: '广西',
								children: [
									{
										value: 6,
										label: '南宁'
									},
									{
										value: 7,
										label: '桂林'
									}
								]
							}
						]
					},
					{
						value: 8,
						label: '美国',
						children: [
							{
								value: 9,
								label: '纽约',
								children: [
									{
										value: 10,
										label: '皇后街区'
									}
								]
							}
						]
					}
				]
        }
    },

    methods: {
        chooseDate() {
            this.pickerShow = true
        },
        confirm(e) {
            console.log(e)

            this.newsInfo = '美国-纽约-皇后街区'
        }
    }

    
}
</script>

<style lang="less" scoped>

</style>